<?php
/*****************************************************************************
 *  Este archivo forma parte de SiMaPe
 *  Sistema Integrado de Manejo de Personal
 *  Copyright (C) <2013>  <Ivan Ariel Barrera Oro>
 *  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *
 *  SiMaPe is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 * 
 *  SiMaPe is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 *****************************************************************************/

/**
 * presentacion.php
 * Página de presentación del simape usando impress.js
 * 
 * @author Iván A. Barrera Oro <ivan.barrera.oro@gmail.com>
 * @copyright (c) 2014, Iván A. Barrera Oro
 * @license http://spdx.org/licenses/GPL-3.0+ GNU GPL v3.0
 * @version 0.65
 */

require_once 'load.php';
Page::forceConnect(Page::FORCE_CONNECT_PLAIN);
?>
<!doctype html>
<html lang="es-AR">
<head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
    <meta name="viewport" content="width=1024" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>SiMaPe | Presentaci&oacute;n</title>
    
    <meta name="author" content="Iv&aacute;n A. Barrera Oro" />   
    
    <link href="/media/css/presentacion.css" type="text/css" rel="stylesheet" />
    
    <link rel="shortcut icon" type='image/ico' href="/favicon.ico" />
    
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600,800' rel='stylesheet' type='text/css'>
</head>

<body class="impress-not-supported">
<div class="fallback-message">
    <p>Tu navegador <em>no soporta las caracter&iacute;sticas requeridas</em> por esta presentaci&oacute;n, por lo que se mostrar&aacute; una versi&oacute;n simplificada.</p>
    <p>Para obtener una mejor experiencia, utiliza <strong>Firefox</strong>, <strong>Chrome</strong> o <strong>Safari</strong>.</p>
</div>

<div id="impress">
    <!-- no cambiar el nombre de este slide, que debe ser el primero -->
    <div class="step slide" id="start" data-x="100" data-y="0">
        <q style="text-align: left">&iquest;Muchos empleados?</q>
        <q style="text-align: center">&iquest;Muchas oficinas?</q>
        <q style="text-align: right"><strong>&iquest;Mucho papel?</strong></q>
    </div>
    
    <div class="step slide" data-x="-1000" data-y="1000">
        <q style="text-align: left">&iquest;Y si hubiese una manera de...</q> 
        <q style="text-align: right">...facilitar un poco las tareas administrativas?</q>
    </div>
    
    <div class="step anim" data-x="300" data-y="1000" data-scale="3">
        <p>Manejo de recursos humanos en forma <b class="positioning">digital</b>, 
            <b class="scaling">&aacute;gil</b> y <b class="scaling">eficiente.</b>
        </p>
    </div>

    <div class="step anim" data-x="2500" data-y="500" data-scale="6">
        <p>Desde <b class="positioning">cualquier dispositivo</b></p>
        <p>y en cualquier lugar, sin necesidad de instalar programas:</p>
    </div>
    <div class="step anim" data-x="2500" data-y="2970" data-rotate="360" data-scale="6">
        <p>la aplicaci&oacute;n funciona <b class="scaling">v&iacute;a web.</b></p>
    </div>
    
    <div class="step anim" data-x="4200" data-y="400" data-scale="3">
        <div class="lista">
            <ul>
                <li>
                    <a href="https://code.google.com/p/simape/wiki/ModeloSeguridad" target="_blank">Seguro
                    <em>SSL/TLS, Tokens, Cifrado, etc.</em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="step anim" data-x="4200" data-y="690" data-scale="3">
        <div class="lista">
            <ul>
                <li>
                    <a>Escalable
                    <em>Se desarrolla a partir de una API propia.</em></a>
                </li>      
            </ul>
        </div>
    </div>
    <div class="step anim" data-x="4200" data-y="1040" data-scale="3">
        <div class="lista">
            <ul>
                <li>
                    <a>A medida
                    <em>Suple las necesidades actuales y es adaptable.</em></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="step anim" data-x="4200" data-y="1560" data-scale="3">
        <div class="lista">
            <ul>
                <li>
                    <a href="https://code.google.com/p/simape/" target="_blank">Libre y auditable
                    <em>C&oacute;digo con licencia GNU GPL v3 y contenido con licencia CC BY-SA v3.0</em></a>
                </li>
            </ul>
        </div>
        <p class="footnote"><i class="scaling_big">y mucho m&aacute;s...</i></p>
    </div>
    
    <div class="step anim" data-x="5800" data-y="1000" data-scale="3">
        <p>Los empleados pueden tener un usuario a fin de consultar su legajo, asistencia, solicitar licencias, etc.</p>
    </div>
    
    <div class="step" data-x="5800" data-y="-600" data-z="-100" data-scale="3" data-rotate-x="100" data-rotate-y="0">
        <p>Ciertos empleados pueden realizar otras tareas tales como crear guardias, autorizar licencias y delegar tareas.</p>
    </div>
    
    <div class="step anim" data-x="5800" data-y="2600" data-z="-100" data-scale="3" data-rotate-x="-100" data-rotate-y="0">
        <p>Con mensajer&iacute;a interna, todas las oficinas est&aacute;n conectadas en todo momento sin la molestia que implica el tel&eacute;fono.</p>
    </div>
    
    <div id="title" class="step" data-x="-8000" data-y="1000" data-z="1000" data-scale="10">
        <img src="" />
        <p>Sistema Integrado de Manejo de Personal</p>     
    </div>
    
    <div class="step slide" data-x="100" data-y="2000">
        <div class="bgimg-header">
            <q>Desarrollado en el <strong>Cuerpo M&eacute;dico Forense</strong> para toda la Justicia Nacional*.</q>
            <small>*a largo plazo</small>
            <q>Idea original de <em>Iv&aacute;n Ariel Barrera Oro.</em></q>
        </div>
    </div>
        
    <div class="step slide" data-x="2500" data-y="6800">
        <q style="text-align: center;">Agradezco por haber apoyado todo el desarrollo de este proyecto a las oficinas de Decanato y RRHH, con menci&oacute;n especial a Ivana Alfieri, Pablo Gelos y Pedro Tamborindeguy.</q>
    </div>
    
    <div class="step slide" data-x="2500" data-y="7600">
        <q>&iquest;Dudas? &iquest;Consultas? Dir&iacute;jase a la <a href="https://code.google.com/p/simape/" class="link" target="_blank">p&aacute;gina del proyecto</a> o escriba un <a href="mailto:simape-dev@googlegroups.com" class="link">email al grupo de desarrollo</a>:
            <br /><em>simape-dev@googlegroups.com</em>
        </q>
    </div>
    
    <div class="step slide" data-x="3500" data-y="6800">
        <q style="text-align: center;">Puede repetir la presentaci&oacute;n utilizando las flechas del teclado, o bien <a href="index.php" class="link">volver a la página de inicio</a>.</q>
        <br />
        <p class="footnote">Powered by <a href="https://github.com/bartaz/impress.js" class="link" target="_blank">impress.js</a></p>
    </div>
</div>

<div class="hint">
    <p>Utiliza las flechas del teclado para avanzar/retroceder</p>
</div>

<script>
    if ("ontouchstart" in document.documentElement) { 
        document.querySelector(".hint").innerHTML = "<p>Toca la parte derecha de la pantalla para avanzar</p>";
    }
</script>

<script src="lib/js/impress.js"></script>
<script>impress().init();</script>

</body>
</html>
